.map {
  map {
    width: 100%;
    height: 100vh;
  }
  .map-location {
    width: 128rpx;
    height: 128rpx;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
    position: absolute;
    top: 500rpx;
    right: 30rpx;
    image {
      width: 100%;
      width: 100%;
    }
  }
  .store-list {
    display: flex;
    flex-direction: column;
    gap: 20rpx;
    position: fixed;
    height: 684rpx;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FAFAFA;
    box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,0,0,0.05);
    border-radius: 30rpx 30rpx 0rpx 0rpx;
    padding: 30rpx;
    box-sizing: border-box;
    transition: height .2s;
    z-index: 2;
    &::before {
      content: '';
      position: absolute;
      top: 10rpx;
      left: 50%;
      transform: translateX(-50%);
      width: 60rpx;
      height: 10rpx;
      background: #EEEEEE;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
    }
    .store-list-filter {
      display: flex;
      align-items: center;
      gap: 32rpx;
      flex-shrink: 0;
      .region {
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 28rpx;
        color: #2E374C;
        display: flex;
        align-items: center;
        gap: 32rpx;
        image {
          width: 19rpx;
          height: 11rpx;
        }
      }
      .van-search {
        padding: 0;
      }
      .search {
        flex: 1;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        border-radius: 62rpx;
        overflow: hidden;
        padding: 0;
        .van-search__content {
          background-color: #fff !important;
        }
        .van-field__control {
          font-size: 24rpx;
        }
        .van-icon-search {
          color: #2E374C;
          font-size: 48rpx;
        }
      }
    }
    .store-list-data {
      flex: 1;
      height: 100%;
      overflow: hidden auto;
    }
  }

  // 列表项
  .store-list-item {
    margin-bottom: 20rpx;
    padding: 30rpx;
    background: #FFFFFF;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    .item-top {
      position: relative;
      padding-left: 180rpx;
      &.nopd {
        padding-left: 0;
      }
      .item-logo {
        width: 150rpx;
        height: 150rpx;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 10rpx 10rpx 10rpx 10rpx;
        overflow: hidden;
        image {
          width: 100%;
          height: 100%;
        }
        // 距离最近样式
        &.active {
          &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 2rpx solid #4484FF;
            box-sizing: border-box;
          }
          &::after {
            content: '距离最近';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 40rpx;
            background: #4484FF;
            border-radius: 10rpx 10rpx 10rpx 10rpx;
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 24rpx;
            color: #FFFFFF;
            line-height: 40rpx;
            text-align: center;
          }
        }
      }
      .item-name {
        width: 352rpx;
        height: 48rpx;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 36rpx;
        color: #2E374C;
        line-height: 48rpx;
        text-align: center;
        font-style: normal;
        text-transform: none;
      }
      .item-status {
        margin: 20rpx 0;
      }
      .item-price {
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 28rpx;
        color: #2E374C;
        text {
          color: #4484FF;
          padding: 0 10rpx;
        }
      }
    }
    .item-bottom {
      margin-top: 34rpx;
      padding-left: 32rpx;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 24rpx;
      color: #ABAFB7;
      background: url('') no-repeat left center / 20rpx 24rpx;
    }
    .item-action {
      margin-top: 30rpx;
      display: flex;
      align-items: center;
      gap: 20rpx;
      .item-action-phone {
        flex: 1;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 32rpx;
        color: #4484FF;
        display: flex;
        align-items: center;
        gap: 16rpx;
        image {
          width: 36rpx;
          height: 36rpx;
        }
      }
      .item-action-guide {
        width: 216rpx;
        height: 88rpx;
        border-radius: 60rpx 60rpx 60rpx 60rpx;
        border: 2rpx solid #585F70;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 32rpx;
        color: #2E374C;
        line-height: 88rpx;
        text-align: center;
      }
      .item-action-map {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 216rpx;
        height: 88rpx;
        background: #4484FF;
        border-radius: 60rpx 60rpx 60rpx 60rpx;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 32rpx;
        color: #FFFFFF;
        image {
          width: 40rpx;
          height: 40rpx;
        }
      }
    }
  }
  
  .store-detail {
    position: fixed;
    bottom: 60rpx;
    left: 30rpx;
    right: 30rpx;
  }
}